<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$config.site_name}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="keywords" content="{$config.site_keywords|escape:html}" />
<meta name="description" content="{$config.site_description|escape:html}" />
<link rel="stylesheet" href="templates/{$config.site_template}/images/style.css" />
<script type="text/javascript" src="scripts/jquery.js"></script>
</head>
<body class="home">
{include file="header.html"}
<div id="middle">
        <div class="slide">
            <div class="window">
                <div style="width:1920px;" class="image_reel">
                    <a href="#"><img src="images/slide/01.jpg" alt=""></a>
                    <a href="#"><img src="images/slide/01.jpg" alt=""></a>
                </div>
            </div>
            <div style="display: block;" class="paging">
                <a class="active" href="#" rel="1">1</a>
                <a href="#" rel="2">2</a>
            </div>
        </div>
<style>
.slide {position: relative;}
/*--Window/Masking Styles--*/
.window {height:251px;width: 960px;overflow: hidden;position: relative;}
.image_reel {position: absolute;top: 0; left: 0;}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {position: absolute;bottom: 10px; right: -7px;width: 178px; height:47px;z-index: 100;text-align: center;line-height: 40px;background: url(images/slide/paging_bg2.png) no-repeat;display: none; }
.paging a {padding: 5px;text-decoration: none;color: #fff;}
.paging a.active {font-weight: bold;background: #920000;border: 1px solid #610000;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;}
.paging a:hover {font-weight: bold;}
</style>
<script type="text/javascript">
$(function() {
	$(".paging").show();
	$(".paging a:first").addClass("active");
	var imageWidth = $(".window").width(), imageSum = $(".image_reel img").size(), imageReelWidth = imageWidth * imageSum;
	$(".image_reel").css({'width' : imageReelWidth});
	rotate = function(){
		var triggerID = act.attr("rel") - 1, image_reelPosition = triggerID * imageWidth;
		$(".paging a").removeClass('active');
		act.addClass('active'); 
		$(".image_reel").animate({left: -image_reelPosition}, 500 );
	};
	rotateSwitch = function(){
		play = setInterval(function(){
			act = $('.paging a.active').next();
			if ( act.length === 0) {act = $('.paging a:first');}
			rotate();
		}, 5000);
	};
	rotateSwitch();
	$(".image_reel a").hover(function() {clearInterval(play); },function() {rotateSwitch();});
	$(".paging a").click(function() { act = $(this); clearInterval(play); rotate(); rotateSwitch(); return false;});
});
</script>
<div class="part1">
    <table width="100%">
        <tr>
            <td><h3>VIS/标志设计</h3><img src="uploads/p1.jpg"></td>
            <td><h3>画册包装设计</h3><img src="uploads/p1.jpg"></td>
            <td><h3>海报传单设计</h3><img src="uploads/p1.jpg"></td>
            <td><h3>工程制作/印刷服务</h3><img src="uploads/p1.jpg"></td>
        </tr>
    </table>
</div>
<div class="part2 box">
    <h3 class="hd"> <a class="more" href="{$channel.url}" title="查看更多"><img src="templates/{$config.site_template}/images/more.gif" alt="" align="absmiddle"/></a>案例展示 <em>Showcase</em></h3>
    <table width="100%">
        <tr>
            <td><a href="#"><img src="uploads/p1.jpg">
                <h3>VIS/标志设计</h3></a></td>
            <td><h3>画册包装设计</h3><img src="uploads/p1.jpg"></td>
            <td><h3>海报传单设计</h3><img src="uploads/p1.jpg"></td>
            <td><h3>工程制作/印刷服务</h3><img src="uploads/p1.jpg"></td>
        </tr>
    </table>
<script>
    $(function(){
        $('.part2')
    });
</script>
</div>

<div class="part3 box">
    <div style="width:400px;float:left;">
        <h3 class="hd">关于我们 <em>About Us</em></h3>
        <div class="bd">
<p style="text-indent:25px">清晨广告策划有限公司是一家品牌策划、创意设计、执行为一体的综合性广告设计公司，主要专注于平面设计、包装设计、整合推广、媒介编辑、公关活动策划、物料制作、网站制作、等多种业务于一体的专业广告公司，为广告客户提供品牌和项目代理优质服务。
公司秉承“团结、求实、创新、进取、诚信、高效”的经营理念，以创意和专业服务为宗旨。凭借优良的专业团队精神，通过美学、传播学的创造性结合，有效的传达客户信息和公司企业文化，帮助客户开拓广阔的市场空间。</p>
        </div>
    </div>
    <div style="margin-left:400px">
        <h3 class="hd">资讯动态 <em>News</em></h3>
        <div class="bd">
            <ul class="list">
{foreach from=$diy_news item=news}
                <li><a href="{$news.url}">{$news.title}</a></li>
{/foreach}
            </ul>

        </div>
    </div>
</div>

<div class="panel" style="display:none">
{if $channel_panel}
        {foreach from=$channel_panel item=channel}
                <div style="margin:2px;width:340px;overflow:hidden;float:left">
                <div class="panel_caption">
                        <a href="{$channel.url}"><img src="templates/{$config.site_template}/images/more.gif" alt="" align="absmiddle"/></a>
                        {$channel.name}
                </div>
                {$channel.content}
                </div>
        {/foreach}
{else}
        &nbsp;
{/if}
</div>

<div class="clear"></div>
{include file="part_link.html"}
</div>
{include file="footer.html"}
</body>
</html>